<template>
	<view class="classify" style="">
		<scroll-view scroll-x="true" class="scrollView">
			<view class="scrollItem">
				<image src="../../../static/homeUi/shouji.png" style="width: 35px;height: 35px;"></image>
				<p style="display: flex;justify-content: center;margin-top:5px;">手机</p>
			</view>
			<view class="scrollItem">
				<image src="../../../static/homeUi/sheping.png" style="width: 35px;height: 35px;"></image>
				<p style="display: flex;justify-content: center;margin-top:5px;">奢品</p>
			</view>
			<view class="scrollItem">
				<image src="../../../static/homeUi/shenqian.png" style="width: 35px;height: 35px;"></image>
				<p style="display: flex;justify-content: center;margin-top:5px;">省钱神券</p>
			</view>
			<view class="scrollItem">
				<image src="../../../static/homeUi/choujiang.png" style="width: 35px;height: 35px;"></image>
				<p style="display: flex;justify-content: center;margin-top:5px;">抽奖机</p>
			</view>
			<view class="scrollItem">
				<image src="../../../static/homeUi/chezi.png" style="width: 35px;height: 35px;"></image>
				<p style="display: flex;justify-content: center;margin-top:5px;">二手车</p>
			</view>
			<view class="scrollItem">
				<image src="../../../static/homeUi/youxi.png" style="width: 35px;height: 35px;"></image>
				<p style="display: flex;justify-content: center;margin-top:5px;">游戏</p>
			</view>
			<view class="scrollItem">
				<image src="../../../static/homeUi/zufang.png" style="width: 35px;height: 35px;"></image>
				<p style="display: flex;justify-content: center;margin-top:5px;">租房</p>
			</view>
			<view class="scrollItem">
				<image src="../../../static/homeUi/quanbu.png" style="width: 35px;height: 35px;"></image>
				<p style="display: flex;justify-content: center;margin-top:5px;">全部</p>
			</view>
		</scroll-view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				imageList: [
					
				],
			}
		},
	}
</script>

<style lang="scss" scoped>
	.classify {
		display: flex;

		.scrollView {
			width: 100%;
			white-space: nowrap;

			.scrollItem {
				display: inline-block;
				width: 9%;
				margin: 3px 20px;
			}
		}
	}
</style>